<template>
  <svg
    t="1753158730918"
    class="icon"
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="14465"
    :width="size"
    :height="size"
  >
    <path
      d="M736 128c-65.952 0-128.576 25.024-176.384 70.464-4.576 4.32-28.672 28.736-47.328 47.68L464.96 199.04C417.12 153.216 354.272 128 288 128 146.848 128 32 242.848 32 384c0 82.432 41.184 144.288 76.48 182.496l316.896 320.128C450.464 911.68 478.304 928 512 928s61.568-16.32 86.752-41.504l316.736-320 2.208-2.464C955.904 516.384 992 471.392 992 384c0-141.152-114.848-256-256-256z"
      p-id="14466"
      :fill="color"
    ></path>
  </svg>
</template>

<script>
  export default {
    name: "LikeIcon",
    props: {
      size: {
        type: [Number, String],
        default: 30,
      },
      color: {
        type: String,
        default: "#f8f8f8",
      },
    },
  };
</script>

<style scoped>
  .icon {
    display: inline-block;
    vertical-align: middle;
  }
</style>
